<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/total.css">
    <link rel="stylesheet" href="./font_kx9c3mbtxm/iconfont.css">
    <link rel="stylesheet" href="./css/reg.css">

    <!-- 详情页css -->
    <link rel="stylesheet" href="./css/detail.css">
    <!--QQ等图标 -->
    <link rel="stylesheet" href="./font_zo3qef7x5yn/iconfont.css">
</head>

<body>
    <!-- 首页头部注册部分 -->
    <div class="header-shen">
        <div class="header">
            <ul class="fl">
                <li><a href="reg.html"><span class="iconfont icon-gouwuche"></span></a></li>
                <span>|</span>
                <li><a href="./login.html">你好，未登录<a></li>
                <span>|</span>
                <li class="header1"><a href="./reg.html">免费注册</a></li>
            </ul>
        </div>
    </div>
    <!-- 导航条部分 -->
    <!-- 导航条部分 -->
    <div class="logo-shen">
        <div class="logo">
            <ul class="sub">
                <a href=""><img src="./imgs/logo.jpg" alt=""></a>
                <a href="#">选择购买<span>∨</span></a>
                <a href="./index.html">首页</a>
                <a href="">精选品牌</a>
                <a href="">越境专题</a>
                <a href="#">关于我们<span>∨</span></a>
                <!-- <a href=""><input type="text" value="输入框"></a> -->
            </ul>
            <ul class="wss" style="width: 80px;">
                <li>头发洗护</li>
                <li>身体洗护</li>
                <li>面部洗护</li>
                <li>母婴洗护</li>
                <li>室内香氛</li>
                <li>居家清洁</li>
                <li>寝浴用品</li>
                <li>仪器工具</li>
            </ul>
            <ul class="wbb" style="width: 80px;">
                <li>品牌主张</li>
                <li>创始人故事</li>
                <li>联系我们</li>
            </ul>
            <form action="" class="logo-biao">
                <input type="text" value="输入框"><span class="iconfont icon-sousuo"></span>
            </form>
        </div>
        <div class="line"></div>

        <div class="detail-shen">
            <div class="details">
                <div class="detail1">
                    <ul class="details1">
                        <li><a href="./index.html">首页</a></li>
                        <span> > </span>
                        <li>品牌</li>
                        <span> > </span>
                        <li>SUQQU晶采光艳粉霜</li>
                    </ul>
                </div>
                <div class="detail2">
                    <!-- <img src="" alt=""> -->
                    <div class="details2">
                        <!-- <img src="" alt=""> -->
                    </div>
                    <div class="details3">
                        <!-- <h3></h3>
                        <p></p>
                        <input type="text" value="加入购物车"> -->
                    </div>


                </div>
                <div class="detail3">
                    <ul class="details4">
                        <li>分享</li>
                        <li class="iconfont icon-weibo"></li>
                        <li class="iconfont icon-QQ"></li>
                        <li class="iconfont icon-weixin"></li>
                    </ul>
                </div>
                <!-- 网站保证 -->
                <div class="detail4">
                    <ul class="details5">
                        <li>全球精品</li>
                        <li>保税直发 </li>
                        <li>官方授权</li>
                        <li>正品保证 </li>
                    </ul>
                </div>
            </div>

            <div class="detail5">
                <div class="menu1">
                    <h5>商品分类</h5>
                    <ul>
                        <li><a href=""><img src="./imgs/t1.png" alt=""><span>头发洗护</span></a></li>
                        <li><a href=""><img src="./imgs/t2.png" alt=""><span>身体洗护</span></a></li>
                        <li><a href=""><img src="./imgs/t3.png" alt=""><span>面部洗护</span></a></li>
                        <li><a href=""><img src="./imgs/t4.png" alt=""><span>母婴洗护</span></a></li>
                        <li><a href=""><img src="./imgs/t5.png" alt=""><span>室内香氛</span></a></li>
                        <li><a href=""><img src="./imgs/t6.png" alt=""><span>居家清洁</span></a></li>
                        <li><a href=""><img src="./imgs/t7.png" alt=""><span>寝浴用品</span></a></li>
                        <li><a href=""><img src="./imgs/t8.png" alt=""><span>仪器工具</span></a></li>
                    </ul>
                    <h6>查看所有品牌</h6>
                </div>
                <div class="menu2">
                    <ul class="btnss">
                        <li><a href="#001">商品详情</a></li>
                        <li><a href="#002">品牌介绍</a></li>
                        <li><a href="#003">馥境笔记</a></li>
                        <li><a href="#004">商品推荐</a></li>
                    </ul>
                    <div class="menu3" id="dj1">
                        <div class="menus1" id="001">

                            <img src="./imgs/xq1.jpg" alt="">
                            <img src="./imgs/xq3.jpg" alt="">
                            <img src="./imgs/xq4.jpg" alt="">
                            <img src="./imgs/xq5.jpg" alt="">
                        </div>
                        <div class="menus2">
                            <div class="menuss1" id="002">品牌故事BRAND&nbsp;STORY</div>
                            <img src="./imgs/picb.jpg" alt="">
                            <p>SUQQU</p>
                        </div>
                        <div class="menus3">
                            <div class="menuss2" id="003">馥境笔记AROMNDE&nbsp;NOTES</div>
                            <p>SUQQU与RMK同属佳丽宝旗下的彩妆师自创品牌，产品针对25岁以上女性。SUQQU多了一份阳春白雪的孤芳自赏，如果说RMK是满山樱花盛放的阳明山，SUQQU就是山势险峻，景色绝美的大霸尖山。
                            </p>
                            <p>SUQQU品牌的诞生，旨在增强皮肤的弹性和光彩活力，缔造肌肤细腻丝滑的透明质地，提升脸庞自然润泽的端庄之美。</p>
                        </div>
                        <div class="menus4">
                            <div class="menuss5" id="004">商品推荐</div>
                            <img src="./imgs/xq2.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="foot-shen">
            <div class="foots">
                <div class="foot">
                    <div class="item foot1">
                        <div>购物指南</div>
                        <div>会员说明</div>
                        <div>积分/优惠券</div>
                        <div>常见问题</div>
                    </div>
                    <div class="item">
                        <div>馥境保障</div>
                        <div>跨境直邮</div>
                        <div>品牌授权</div>
                        <div>正品保证</div>
                    </div>
                    <div class="item">
                        <div>物流配送</div>
                        <div>运费标准</div>
                        <div>物流周期</div>
                    </div>
                    <div class="item">
                        <div>售后服务</div>
                        <div>订单取消</div>
                        <div>退换货说明</div>
                        <div>消费者保障</div>
                    </div>
                    <div class="item foot2">
                        <div>关于我们</div>
                        <div>品牌理念</div>
                        <div>创始人故事</div>
                        <div>联系我们</div>
                        <div>营业执照</div>
                    </div>
                    <div class="footss">
                        <img src="./imgs/bot-code.jpeg" alt="">
                        <ul>
                            <li class="footss1">扫码关注公众号</li>
                            <li>021-58909921</li>
                            <li>9:30-22:30(7*13小时)</li>
                    </div>

                </div>
            </div>
            <div class="footd">
                <div class="footdd">
                    <ul>
                        <li>品牌主张</li>
                        <span>|</span>
                        <li>创始人故事</li>
                        <span>|</span>
                        <li>联系我们</li>
                        <span>|</span>
                        <li>Copyright&copy;馥境2019</li>
                        <span>|</span>
                        <li>All Rights Reserved</li>
                        <span>|</span>
                        <li>浙ICP备15043443号-1</li>
                    </ul>
                </div>
            </div>
        </div>

        <script src="./js/axios.min.js"></script>
        <script src="./js/api.js"></script>
        <script src="./js/detail.js"></script>
        <script src="./js/index.js"></script>

</body>

</html>